<!doctype html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <th:block th:include="/A0723/include :: header('套餐列表')"/>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">套餐列表</h1>
    <a class="head_right" style="color: #f99703 !important;" href="toLevelRecords">记录</a>
</header>
<div class="mui-content">
    <!--  -->
    <ul class="record_list">

    </ul>
</div>
<th:block th:include="/A0723/include :: footer"/>
<script type="text/javascript">
    $(function () {
        getPackageLevels()
    })

    //获取套餐列表
    function getPackageLevels() {
        mui.ajax(ctx+'front/packageLevels', {
            dataType: 'json',//服务器返回json格式数据
            type: 'get',//HTTP请求类型
            timeout: 10000,//超时时间设置为10秒；
            headers: {'Content-Type': 'application/json'},
            success: function (res) {
                //服务器返回响应，根据响应结果 方式（1：充值，2：提现,3为转账，4：推荐奖，5：团队奖，6：购买套餐）
                let data = res.data;
                let str = ''
                $.each(data, function (i, d) {
                    str += '<li>\n' +
                        '<div>套餐名称：' + d.name + '</div>\n' +
                        '<div>套餐金额：' + d.amount + '</div>\n' +
                        '<div>每日接任务数量：' + d.taskNum + '</div>\n' +
                        '<div><button type="button" onclick="buyPackageLevel('+d.id+')" class="mui-btn mui-btn-blue">购买</button></div>\n' +
                        '</li>'
                })
                $(".record_list").append(str);
            },
            error: function (xhr, type, errorThrown) {
                //异常处理；
                console.log(type);
            }
        });
    }
    //领取任务列表
    function buyPackageLevel(levelId){
        mui.ajax(ctx+'front/buyPackageLevel', {
            data: {'levelId':levelId},
            dataType: 'json',//服务器返回json格式数据
            type: 'post',//HTTP请求类型
            timeout: 30000,//超时时间设置为10秒；
            headers: {'Content-Type': 'application/json'},
            success: function (res) {
                mui.toast(res.msg, {duration: 'long', type: 'div'})
                setInterval(function () {
                    if (res.code == 0) {
                        window.location.href = ctx + 'front/toMine'
                    }
                },1000)
            },
            error: function (xhr, type, errorThrown) {
                //异常处理；
                console.log(type);
            }
        });
    }

</script>
</body>

</html>
